﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>HTML5 MediaElement</title>	
	<script src="~/Content/mediaelementjs/build/jquery.js"></script>	
    <script src="~/Content/mediaelementjs/build/mediaelement-and-player.min.js"></script>
	<script src="testforfiles.js"></script>	
    <link href="~/Content/mediaelementjs/build/mediaelementplayer.min.css" rel="stylesheet" />

</head>
<body>
<video width="640" height="360" id="player2" poster="~/Content/mediaelementjs/media/echo-hereweare.jpg" controls="controls" preload="none">
	<!-- MP4 source must come first for iOS -->
	<source type="video/mp4" src="~/Content/mediaelementjs/media/echo-hereweare.mp4" />
	<!-- WebM for Firefox 4 and Opera -->
	<source type="video/webm" src="~/Content/mediaelementjs/media/echo-hereweare.webm" />
	<!-- OGG for Firefox 3 -->
	<source type="video/ogg" src="~/Content/mediaelementjs/media/echo-hereweare.ogv" />
	<!-- Fallback flash player for no-HTML5 browsers with JavaScript turned off -->
	<object width="640" height="360" type="application/x-shockwave-flash" data="~/Content/mediaelementjs/build/flashmediaelement.swf"> 		
		<param name="movie" value="~/Content/mediaelementjs/build/flashmediaelement.swf" /> 
		<param name="flashvars" value="controls=true&amp;file=~/Content/mediaelementjs/media/echo-hereweare.mp4" /> 		
		<!-- Image fall back for non-HTML5 browser with JavaScript turned off and no Flash player installed -->
		<img src="~/Content/mediaelementjs/media/echo-hereweare.jpg" width="640" height="360" alt="Here we are" 
			title="No video playback capabilities" />
	</object> 	
</video>
<span id="player2-mode"></span>
<script>

    $('audio,video').mediaelementplayer({
        //mode: 'shim',
        success: function (player, node) {
            $('#' + node.id + '-mode').html('mode: ' + player.pluginType);
        }
    });

</script>
</body>
</html>
